<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>抛枕头</title>
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/index.css">
</head>
<body>
    <!-- 首页加载页面s -->
    <div id="indexLoad">
        <div class="img1"><img src="./img/loading_bg_top.png" alt=""></div>
        <div class="img2"><img src="./img/loading_bg_bottom.png" alt=""></div>
        <div class="img3"><img src="./img/loading_txt.png" alt=""></div>
        <div class="loading">loading <span id="load_val">...</span></div>
    </div>
    <!-- 首页加载页面e -->

    <!-- 游戏开始页面s -->
    <div id="gameContent">
        <!-- 游戏背景图片 -->
        <img class="gameBgImg" src="./img/bg_back.jpg" alt="">

        <!-- logo -->
        <div class="logo"><img src="./img/logo.png" alt=""></div>

        <!-- 游戏指引 -->
        <div class="prompt"><img id="promptImg" src="./img/tips3.png" alt=""></div>

        <!-- 云背景 -->
        <div class="sky_bg" class="clearfix">
            <ul class="innerSky">
                <li class="item fl"><img src="./img/sky_bg1.png" alt=""></li>
                <li class="item fl"><img src="./img/sky_bg2.png" alt=""></li>
            </ul>
        </div>

        <!-- 星星背景 -->
        <div class="sky_bg1" class="clearfix">
            <ul class="xxBg">
                <li class="item1 fl"><img src="./img/xingxing_bg.png" alt=""></li>
                <li class="item1 fl"><img src="./img/xingxing_bg.png" alt=""></li>
            </ul>
        </div>
        <div class="sky_bg2" class="clearfix">
            <ul class="xxBg1">
                <li class="item2 fl"><img src="./img/paodao_bg1.png" alt=""></li>
                <li class="item2 fl"><img src="./img/paodao_bg2.png" alt=""></li>
            </ul>
        </div>

        <!-- 能量条 -->
        <div class="power_wrap">
            <img src="./img/power_wrap.png" alt="">
            <div class="power">
                <img src="./img/power.png" alt="">
            </div>
        </div>

        <!-- 小熊 -->
        <div class="gameUser">
            <img src="./img/zhentou_bg.png" alt="">
            <div class="zhentou"><img src="./img/zhentou4.png" alt=""></div>
        </div>

        <!-- 游戏分数标志 -->
        <div class="paoScore"><img src="./img/pao1.png" alt=""></div>

        <!-- 游戏起点与终点标志 -->
        <div class="beginEnd"><img id="endImg" src="./img/begin_paodao_bg.png" alt=""></div>
        
        <!-- 遮罩层 -->
        <div id="mask"></div>
        <!-- 游戏结束页面 -->
        <div id="gameOver">
            <img src="./img/result_bg.jpg" alt="">
            <ul class="clearfix">
                <li class="fl nowScore">0</li>
                <li class="fl historyScore">0</li>
            </ul>
            <p>恭喜您抛出了<span class="nowScore">0</span>光年，击败了81%的玩家！并获得一次抽奖机会</p>
            <div class="btn clearfix">
                <img class="fl" onclick="init()" src="./img/repeat_play_btn.png" alt="">
                <img class="fl" id="lotteryImg" src="./img/lottery_btn.png" alt="">
            </div>
            <div class="newScore"></div>
        </div>
    </div>
    <!-- 游戏开始页面e -->
    
    <script src="./js/jquery-2.1.0.js"></script>
    <script src="./js/preloadjs.min.js"></script>
    <script src="./js/load.js"></script>
    <script src="./js/index.js"></script>
</body>
</html>